<template>
  <div class="App">
    <h1 class="content">我是App</h1>
    <button @click="getMsg">按钮test</button>
    <Count ref="CountComp"></Count>
  </div>
</template>

<script>
import Count from "@/components/Count";
export default {
  name: "App",
  components: {
    Count,
  },
  methods: {
  //  如果ref设置给了子组件上，则我们通过$refs拿到的是这个组件的组件实例
  // 最常见的就是通过子组件的实例拿到子组件的数据进行处理(组件通信--》子传夫)
    getMsg() {
      console.log(this);
    },
  },
};
</script>
